

<div class="container">
  <div class="jumbotron atas latar-jumbotron">
    <h2><img src="template/img/pesan-md.png"> Pemesanan Tiket</h2>
    <hr>
    <div class="row">
      <div class="col-md-5 ">
        <p><span class="glyphicon glyphicon-road hitam "></span> &nbsp Rute Perjalanan</p>
        <form role="form" action="pemesanan.php?action=pesan" method="POST">
          <div class="form-group">
            <label for="asal">Kota Asal :</label>
            <div class="input-group">
              <span class="input-group-addon"><span class="glyphicon glyphicon-flag"></span></span>
              <select class="form-control" name="asal" id="asal">
                    <option value=""></option>
                    <option value="bekasi">bekasi</option>
                    <option value="pinang ranti">pinang ranti</option>
                    <option value="ciputat">ciputat</option>
                    <option value="lebak bulus">lebak bulus</option>
                    <option value="tangerang">tangerang</option>
                    <option value="serpong">serpos</option>
                    <option value="bekasi">bekasi</option>
                    <option value="bandung">bandung</option>
                    <option value="bogor">bogor</option>
                  </select>
            
            </div>
          </div>
          <div class="form-group">
            <label for="tujuan">Kota Tujuan :</label>
            <div class="input-group">
              <span class="input-group-addon"><span class="glyphicon glyphicon-map-marker"></span></span>
              <select class="form-control" name="tujuan" id="tujuan">
                    <option value=""></option>
                    <option value="semarang">semarang</option>
                    <option value="demak">demak</option>
                    <option value="trenggalek">trenggalek</option>
                    <option value="kediri">kediri</option>
                    <option value="wonogiri">wonogiri</option>
                    <option value="yogyakarta">yogyakarta</option>
                    <option value="surabaya">surabaya</option>
                    <option value="purworejo">purworejo</option>
                    <option value="madiun">madiun</option>
                  </select>
            </div>
          </div>
         <div class="form-group">
            <label for="tgl">Tanggal Berangkat :</label>
            <div class="input-group">
              <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
              <input type="date" id="tgl" class="form-control" placeholder="pemberangkatan" name="tanggal" id="tanggal">
            </div>
            <div class="form-group">
                <label for="kelas">Pilih Kelas : </label>
                <div class="input-group">
                  <span class="input-group-addon"><span class="glyphicon glyphicon-tag"></span></span>
                  <select class="form-control" name="kelas" id="kelas">
                    <option value="VIP">VIP</option>
                    <option value="pemesanan">Pariwisata</option>
                    <option value="executive">Executive</option>
                    <option value="patas">Patas</option>
                  </select>
                </div>
              </div>
           <button type="submit" class="btn btn-oren btn-lg">Pesan</button>
          </div>

        </form>
      </div>
      <div class="col-md-4">
        <div class="row">
          <div class="col-md-12">
            <form role="form">
            </form>
          </div>
        </div>
       
        </div>
      </div>
    </div>
  </div>
</div>
